<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="format-detection" content="telephone=no" />
    <title>邀请好友</title>
    <link rel="stylesheet" href="css/style.css">
	<link rel="stylesheet" href="css/index.css">
    <script src="js/flexible.js"></script>
</head>
<body>
	<div class="body">
		<div class="img">
			<img src="image/invite.png">
		</div>
		<div class="content">
			<div class="item clearfix">
				<div class="item-list fl">
					<p class="item-top">一级好友数<span class="item-total">8</span></p>
					<div class="item-img">
						<img src="image/btn.png" alt="">
						<p class="item-title">累计增长算力</p>
						<p class="item-num">80</p>
					</div>
				</div>
				<div class="item-list fr">
					<p class="item-top">二级好友数<span class="item-total">8</span></p>
					<div class="item-img">
						<img src="image/btn.png" alt="">
						<p class="item-title">累计增长算力</p>
						<p class="item-num">80</p>
					</div>
				</div>
			</div>
			
			<div class="rule">
				<h3>奖励规则:</h3>
				<p>1.每邀请一个好友完成注册，且该好友成功收取1次云钻，即成功邀请一名一级好友，你就可以获得算力+5的奖励；</p>
				<p>2.你邀请的好友，其邀请一个好友完成注册并成功收取1次云钻，即成功邀请一名二级好友，你就可以获得云钻+1的奖励；</p>
				<p>3.云上将保留对活动的最终解释权和优化的权利，如有用户采取不当手段获取算力和云钻，一经发现将取消奖励。</p>
			</div>
		</div>
		<div class="layer" style="display: block;">
			<img src="image/layer.png" class="remind">
		</div>
	</div>
</body>
<script type="text/javascript">
	$('.layer')[0].onclick = function(){
		this.style.display = 'none';
	}
</script>
</html>